<article id="member">
    <div class="container">
        <h1 class="title-primary">Member</h1>
        <div class="row">
            <div class="col-md-12">
                <div class="contact-content">
                    <p>
                        <?php if( ippi_isset($member_logged) ): ?>
                            <strong>Selamat Datang</strong> <?php echo $member_logged->name; ?> di website <abbr title="">IPPI</abbr> (Ikatan Perempuan Positif Indonesia).
                        <?php else : ?>
                            <strong>Selamat Datang</strong> di website <abbr title="">IPPI</abbr> (Ikatan Perempuan Positif Indonesia) .
                            Silahkan lengkapi form berikut untuk menjadi member kami, atau anda sudah terdaftar ? 
                            Silahkan klik tab Login
                        <?php endif ?>
                    </p>
                </div>
            </div>
            
            <div class="col-md-12">
                <?php if( ippi_isset($member_logged) ): ?>
                
                    <!-- .tabs-wrapper -->
                    <div class="tabs-wrapper">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#chat" data-toggle="tab">Chat</a></li>
                            <li><a href="#reset-password" data-toggle="tab">Reset Password</a></li>
                        </ul>
                    </div>
                    <!-- /.tabs-wrapper -->
                    
                    <!-- .tab-content -->
                    <ul id="tab-content-member" class="tab-content fixed-max-width"> 
                        <!-- Chat --> 
                        <li class="panel">
                            <a data-toggle="collapse" data-parent="#tab-content-member" href="#chat">Reset Password</a>
                            <div id="chat" class="tab-pane panel-collapse collapse in">
                                <div class="panel-body">
                                    <iframe src="<?php echo base_url('welcome/chat') . '/' . $member_logged->id_member; ?>" style="width: 100%; min-height: 500px;"></iframe>
                                </div>
                            </div>
                        </li>
                        <!-- End Chat --> 
                    
                        <!-- Reset Password --> 
                        <li class="panel">
                            <a data-toggle="collapse" data-parent="#tab-content-member" href="#reset-password">Reset Password</a>
                            <div id="reset-password" class="tab-pane panel-collapse collapse">
                                <div class="panel-body">
                                    <!-- Message -->
                                    <div id="messages" style="display: none;margin-bottom: 25px;" class="messages alert-danger registration">ISI PESAN</div>
                                
                                    <form role="form" method="post" id="reset-password-form" class="contact-form" action="<?php echo base_url('member/resetpassword'); ?>">
                                        <div class="form-group input-group">
                                            <input type="password" class="form-control" id="res_cur_password" name="res_cur_password" placeholder="Current Password" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-subject"></i></span>
                                            <div id="res_cur_password_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="password" class="form-control" id="res_new_password" name="res_new_password" placeholder="New Password" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-subject"></i></span>
                                            <div id="res_new_password_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="password" class="form-control" id="res_new_cpassword" name="res_new_cpassword" placeholder="Confirm New Password" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-subject"></i></span>
                                            <div id="res_new_cpassword_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="hidden" id="res_qwe" class="qwe" value="" />
                                            <input type="hidden" id="res_ewq" class="ewq" value="" />
                                            <div class="security-wrap input-group">
                                                <input type="number" id="res_security" name="res_security" class="form-control" autocomplete="off" onkeypress="return isNumber(event)" />
                                                <span class="input-group-addon checking_human" id="achecking_human">Are you human? 1+6 =</span>
                                                <div id="res_security_info" class="info"></div>
                                            </div>
                                        </div>
                                        <div class="form-group input-group">
                                            <div class="row">
                                                <div class="col-sm-6"></div>
                                                <div class="col-sm-6 text-right">
                                                    <a href="#" id="button-respass-reset" class="btn btn-default">Reset</a>
                                                    <a href="#" id="button-respass" class=" btn btn-default">Submit</a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                        <!-- End Reset Password --> 
                    </ul>
                    <!-- /.tab-content -->
                
                <?php else : ?>
                    <!-- Message -->
                    <div id="messages" style="display: none;margin-bottom: 25px;" class="messages alert-danger registration">ISI PESAN</div>
    
                    <!-- .tabs-wrapper -->
                    <div class="tabs-wrapper">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#register" data-toggle="tab" id="tab-register-form">Register</a></li>
                            <li><a href="#login" data-toggle="tab" id="tab-login-form">Login</a></li>
                        </ul>
                    </div>
                    <!-- /.tabs-wrapper -->
                    
                    <!-- .tab-content -->
                    <ul id="tab-content-member" class="tab-content fixed-max-width">
                        <!-- Register -->
                        <li class="panel">
                            <a data-toggle="collapse" data-parent="#tab-content-member" href="#register">Register</a>
                            <div id="register" class="tab-pane panel-collapse collapse in">
                                <div class="panel-body">
                                    <form role="form" method="post" id="register-form" class="contact-form" action="">
                                        <div class="form-group input-group">
                                            <input type="text" class="form-control" id="reg_nama" name="reg_nama" placeholder="Nama" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-user"></i></span>
                                            <div id="reg_nama_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="email" class="form-control" id="reg_email" name="reg_email" placeholder="E-mail" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-mail"></i></span>
                                            <div id="reg_email_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="password" class="form-control" id="reg_password" name="reg_password" placeholder="Password" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-subject"></i></span>
                                            <div id="reg_password_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="password" class="form-control" id="reg_cpassword" name="reg_cpassword" placeholder="Confirm Password" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-subject"></i></span>
                                            <div id="reg_cpassword_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="hidden" id="reg_qwe" class="qwe" value="" />
                                            <input type="hidden" id="reg_ewq" class="ewq" value="" />
                                            <div class="security-wrap input-group">
                                                <input type="number" id="reg_security" name="reg_security" class="form-control" autocomplete="off" onkeypress="return isNumber(event)" />
                                                <span class="input-group-addon checking_human" id="reg_checking_human">Are you human? 1+6 =</span>
                                                <div id="reg_security_info" class="info"></div>
                                            </div>
                                        </div>
                                        <div class="form-group input-group">
                                            <div class="row">
                                                <div class="col-sm-6"></div>
                                                <div class="col-sm-6 text-right">
                                                    <a href="" id="button-register-reset" class="btn btn-default">Reset</a>
                                                    <a href="" id="button-register" class="btn btn-default">Submit</a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                        <!-- /Register -->
                        
                        <!-- Login -->
                        <li class="panel">
                            <a data-toggle="collapse" data-parent="#tab-content-member" href="#login">Login</a>
                            <div id="login" class="tab-pane panel-collapse collapse">
                                <div class="panel-body">
                                    <form role="form" method="post" id="login-form" class="contact-form" action="">
                                        <div class="form-group input-group">
                                            <input type="email" class="form-control" id="log_email" name="log_email" placeholder="E-mail" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-mail"></i></span>
                                            <div id="log_email_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="password" class="form-control" id="log_password" name="log_password" placeholder="Password" />
                                            <span class="input-addon" style="right: 0;"><i class="glyphicon icon-subject"></i></span>
                                            <div id="log_password_info" class="info"></div>
                                        </div>
                                        <div class="form-group input-group">
                                            <input type="hidden" id="log_qwe" class="qwe" value="" />
                                            <input type="hidden" id="log_ewq" class="ewq" value="" />
                                            <div class="security-wrap input-group">
                                                <input type="number" id="log_security" name="log_security" class="form-control" autocomplete="off" onkeypress="return isNumber(event)" />
                                                <span class="input-group-addon checking_human" id="achecking_human">Are you human? 1+6 =</span>
                                                <div id="log_security_info" class="info"></div>
                                            </div>
                                        </div>
                                        <div class="form-group input-group">
                                            <div class="row">
                                                <div class="col-sm-6"></div>
                                                <div class="col-sm-6 text-right">
                                                    <a href="" id="button-login-reset" class="btn btn-default">Reset</a>
                                                    <a href="#" id="button-login" class=" btn btn-default">Submit</a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                        <!-- /Login -->
                    </ul>
                    <!-- /.tab-content -->
                <?php endif ?>    
            </div>
        </div>
    </div>
</article>